<template>
  <yd-scrollnav toggle-text="&nbsp">
    <div class="top_title" v-if="basicInfo">
      <div class="top_one">
        <span style="font-size: .3rem;font-weight: bold;">{{name}}</span>
        <span class="follow_cs" style="background: #E72A26;" v-if="flag == 0 || flag == undefined" @click="followBtn()">+&nbsp;关注</span>
        <span class="follow_cs" style="background: #CCC8C8;" v-if="flag == 1" @click="followBtn()">已关注</span>
      </div>
      <div style="display: flex;margin-top: .3rem;justify-content: space-between;align-items: center;">
        <span>法定代表人：{{legalPersonName}}</span>
        <div v-if="regStatus != undefined && regStatus != ''">
          <p class="cunxu"
             v-if="regStatus == '在业' || regStatus == '存续' || regStatus == '在营' || regStatus == '开业' || regStatus == '正常'">
            {{regStatus}}</p>
          <p class="no_cunxu" v-else>{{regStatus}}</p>
        </div>
      </div>
    </div>
    <yd-scrollnav-panel :label="item.tex" v-for="item, key in list" :key="key">


      <div v-if="item.tex == '基础信息'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <ul class="basic_info top_basic" v-if="basicInfo">
          <li><span>注册日期：</span><span>{{estiblishTime}}</span></li>
          <li><span>统一社会信用代码：</span><span>{{creditCode}}</span></li>
          <li><span>注册资本：</span><span>{{regCapital}}</span></li>
          <li><span>营业期限：</span><span>{{fromTime}}至{{toTime}}</span></li>
          <li><span>组织机构代码：</span><span>{{orgNumber}}</span></li>
          <li><span>注册号：</span><span>{{regNumber}}</span></li>
          <li><span>所属行业：</span><span>{{industry}}</span></li>
          <li><span>公司类型：</span><span>{{companyOrgType}}</span></li>
          <li><span>核准日期：</span><span>{{approvedTime}}</span></li>
          <li><span>登记机关：</span><span>{{regInstitute}}</span></li>
          <li><span>企业地址：</span><span>{{regLocation}}</span></li>
          <li><span>经营范围：</span><span>{{businessScope}}</span></li>
        </ul>
      </div>

      <div v-if="item.tex == '股东信息'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <ul class="holder_info" v-for="(item,index) in holderList" :key="index">
          <li style="width: 100%;">
            <span class="holder_left">股东：<span style="color: #333">{{item.name}}</span></span>
          </li>
          <div v-for="(item2,index) in item.capital" :key="index" style="margin-top: .2rem">
            <li>
              <span class="holder_left">认缴资金：<span style="color: #333"
                                                   v-if="item2.amomon == ''|| item2.amomon == undefined">未公开</span><span
                style="color: #333" v-else>{{item2.amomon}}</span></span>
            </li>
            <li v-if="item2.time != undefined">
              <span class="holder_left">时间：<span style="color: #333" v-if="item2.time == ''|| item2.time == undefined">未公开</span><span
                style="color: #333" v-else>{{item2.time}}</span></span>
            </li>
            <li>
              <span class="holder_left">出资比例：<span style="color: #333"
                                                   v-if="item2.percent == ''|| item2.percent == undefined">未公开</span><span
                style="color: #333" v-else>{{item2.percent}}</span></span>
            </li>
          </div>
        </ul>

      </div>

      <div v-if="item.tex == '主要成员'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <ul class="basic_info_two">
          <li v-for="(item,index) in mainList" :key="index"><span>{{item.typeJoin[0]}}：</span><span>{{item.name}}</span>
          </li>
          <!--<li><span>执行董事：</span><span>王福英</span></li>-->
        </ul>
      </div>

      <div v-if="item.tex == '工商变更'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <ul class="business_change" v-for="(item,index) in changeList" :key="index">
          <div class="number_list">
            序号{{index+1}}
          </div>
          <li style="margin-top: .3rem">
            <span>变更日期：</span><span>{{item.changeTime}}</span>
          </li>
          <li>
            <span>变更事项：</span><span>{{item.changeItem}}</span>
          </li>
          <li>
            <span> 变更前：</span><span v-html="item.contentBefore"></span>
          </li>
          <li>
            <span>变更后：</span><span v-html="item.contentAfter"></span>
          </li>
        </ul>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="gongshangMore">
          <span @click="gongshangBtn()">查看更多></span>
        </div>
      </div>

      <div v-if="item.tex == '对外投资'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>

        <ul class="invest_out" v-for="(item,index) in investList" :key="index" @click="detailBtn(item)">
          <div class="invest_out_top">
            <span>{{item.name}}</span>
            <div v-if="item.regStatus != undefined && item.regStatus != ''">
              <p class="cunxu"
                 v-if="item.regStatus == '在业' || item.regStatus == '存续' || item.regStatus == '在营' || item.regStatus == '开业' || item.regStatus == '正常'">
                {{item.regStatus}}</p>
              <p class="no_cunxu" v-else>{{item.regStatus}}</p>
            </div>
          </div>
          <li>
            <span>法定代表人：</span>
            <span v-if="item.legalPersonName == ''|| item.legalPersonName == undefined">未公开</span>
            <span>{{item.legalPersonName}}</span>
          </li>
          <li>
            <span>注册日期：</span>
            <span v-if="item.estiblishTime == ''|| item.estiblishTime == undefined">未公开</span>
            <span>{{item.estiblishTime}}</span>
          </li>
          <li>
            <span>注册资本：</span>
            <span v-if="item.regCapital == ''|| item.regCapital == undefined">未公开</span>
            <span v-else>{{item.regCapital}}</span>
          </li>
          <li>
            <span>投资金额：</span>
            <span v-if="item.amount == ''|| item.amount == undefined">未公开</span>
            <span v-else>{{item.amount}}万元</span>
          </li>
          <li>
            <span>投资占比：</span>
            <span v-if="item.percent == ''|| item.percent == undefined">未公开</span>
            <span v-else>{{item.percent}}</span>
          </li>
          <li>
            <span>所属行业：</span>
            <span v-if="item.category == ''|| item.category == undefined">未公开</span>
            <span v-else>{{item.category}}</span>
          </li>
        </ul>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="touziIs">
          <span @click="touziBtn()">查看更多></span>
        </div>
      </div>

      <div v-if="item.tex == '分支机构'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <ul class="invest_out" v-for="(item,index) in branchList" :key="index">
          <div class="invest_out_top">
            <span>{{item.name}}</span>
            <div v-if="item.regStatus != undefined && item.regStatus != ''">
              <p class="cunxu"
                 v-if="item.regStatus == '在业' || item.regStatus == '存续' || item.regStatus == '在营' || item.regStatus == '开业' || item.regStatus == '正常'">
                {{item.regStatus}}</p>
              <p class="no_cunxu" v-else>{{item.regStatus}}</p>
            </div>
          </div>
          <li>
            <span>法定代表人：</span>
            <span>{{item.legalPersonName}}</span>
          </li>
          <li>
            <span>注册日期：</span>
            <span>{{item.estiblishTime}}</span>
          </li>
        </ul>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="fenzhiIs">
          <span @click="fenzhiBtn()">查看更多></span>
        </div>
      </div>

      <div v-if="item.tex == '司法风险'" class="common_style">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <div class="judicial_con" v-if="noticeList != ''">
          <div class="judicial_top">
            <span>法院公告</span>
            <span>{{noticeListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 20%">公告时间</th>
            <th style="width: 20%">公告类型</th>
            <th style="width: 20%">上诉方</th>
            <th style="width: 20%">被诉方</th>
            <th style="width: 20%">法院</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in noticeList" :key="index">
              <td>{{item.publishdate}}</td>
              <td>{{item.bltntypename}}</td>
              <td>{{item.party1}}</td>
              <td>{{item.party2}}</td>
              <td>{{item.courtcode}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="morenoticeListIs">
          <span @click="morenoticeList()">查看更多></span>
        </div>

        <div class="judicial_con" v-if="disPersonList != ''">
          <div class="judicial_top">
            <span>失信人</span>
            <span>{{disPersonListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 16%">立案日期</th>
            <th style="width: 16%">失信人</th>
            <th style="width: 16%">执行法院</th>
            <th style="width: 16%">履行状态</th>
            <th style="width: 16%">案号</th>
            <th style="width: 20%">执行依据文号</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in disPersonList" :key="index">
              <td>{{item.regdate}}</td>
              <td>{{item.iname}}</td>
              <td>{{item.courtname}}</td>
              <td>{{item.performance}}</td>
              <td>{{item.casecode}}</td>
              <td>{{item.gistid}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="moredisPersonListIs">
          <span @click="moredisPersonList()">查看更多></span>
        </div>

        <div class="judicial_con" v-if="coverPersonList != ''">
          <div class="judicial_top">
            <span>被执行人</span>
            <span>{{coverPersonListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 20%">立案日期</th>
            <th style="width: 23%">执行标的</th>
            <th style="width: 28%">案号</th>
            <th style="width: 29%">执行法院</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in coverPersonList" :key="index">
              <td>{{item.caseCreateTime}}</td>
              <td>{{item.execMoney}}</td>
              <td>{{item.caseCode}}</td>
              <td>{{item.execCourtName}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="morecoverPersonListIs">
          <span @click="morecoverPersonList()">查看更多></span>
        </div>

        <div class="judicial_con" v-if="courtList != ''">
          <div class="judicial_top">
            <span>开庭公告</span>
            <span>{{courtListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 20%">开庭日期</th>
            <th style="width: 23%">案由</th>
            <th style="width: 28%">原告/上诉人</th>
            <th style="width: 29%">被告/上诉人</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in courtList" :key="index">
              <td>{{item.startDate}}</td>
              <td>{{item.caseReason}}</td>
              <td><p v-for="(item2,index) in item.plaintiff">{{item2.name}}</p></td>
              <td><p v-for="(item2,index) in item.defendant">{{item2.name}}</p></td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="morecourtListIs">
          <span @click="morecourtList()">查看更多></span>
        </div>

        <div class="judicial_con" v-if="litigationList != ''">
          <div class="judicial_top">
            <span>法律诉讼</span>
            <span>{{litigationListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width:20%">立案日期</th>
            <th style="width: 20%">案由</th>
            <th style="width: 60%">裁判文书</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in litigationList" :key="index">
              <td>{{item.submittime}}</td>
              <td>{{item.casereason}}</td>
              <td>
                <p style="color: red"><a :href="item.url" target="_blank">{{item.title}}</a></p>
              </td>
            </tr>
            </tbody>
          </table>
        </div>

        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="moreLitigationList">
          <span @click="morelitigationList()">查看更多></span>
        </div>

      </div>

      <div v-if="item.tex == '经营风险'" class="common_style" style="margin-bottom: .5rem;">
        <div class="con_title">
          <img src="../../assets/index/line.png" class="left_line">
          <span>{{item.tex}}</span>
        </div>
        <div class="judicial_con" v-if="stockList != ''">
          <div class="judicial_top">
            <span>股权出质</span>
            <span>{{stockListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 20%">登记时间</th>
            <th style="width: 20%">出质人</th>
            <th style="width: 40%">质权人</th>
            <th style="width: 20%">状态</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in stockList" :key="index">
              <td>{{item.regDate}}</td>
              <td>{{item.pledgor}}</td>
              <td>{{item.pledgee}}</td>
              <td>{{item.state}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="morestockListIs">
          <span @click="morestockList()">查看更多></span>
        </div>
        <div class="judicial_con" style="padding-bottom: .1rem;" v-if="punishList != ''">
          <div class="judicial_top">
            <span>行政处罚</span>
            <span>{{punishListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 20%">决定日期</th>
            <th style="width: 20%">决定文书号</th>
            <th style="width: 40%">类型</th>
            <th style="width: 20%">决定机关</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in punishList" :key="index">
              <td>{{item.decisionDate}}</td>
              <td>{{item.punishNumber}}</td>
              <td>{{item.type}}</td>
              <td>{{item.departmentName}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="morepunishListIs">
          <span @click="morepunishList()">查看更多></span>
        </div>

        <div class="judicial_con" style="padding-bottom: .1rem;" v-if="managementList != ''">
          <div class="judicial_top">
            <span>经营异常</span>
            <span>{{managementListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 18%">列入日期</th>
            <th style="width: 34%">列入原因</th>
            <th style="width: 30%">决定机关</th>
            <th style="width: 18%">移除日期</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in managementList" :key="index">
              <td>{{item.putDate}}</td>
              <td>{{item.putReason}}</td>
              <td>{{item.putDepartment}}</td>
              <td>{{item.removeDate}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="managementListIs">
          <span @click="moremanagementList()">查看更多></span>
        </div>

        <div class="judicial_con" style="padding-bottom: .1rem;" v-if="illegalityList != ''">
          <div class="judicial_top">
            <span>严重违法</span>
            <span>{{illegalityListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 25%">列入日期</th>
            <th style="width: 45%">列入原因</th>
            <th style="width: 30%">决定机关</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in illegalityList" :key="index">
              <td>{{item.putDate}}</td>
              <td>{{item.putReason}}</td>
              <td>{{item.putDepartment}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="illegalityListIs">
          <span @click="moreillegalityList()">查看更多></span>
        </div>


        <div class="judicial_con" style="padding-bottom: .1rem;" v-if="mortgageList != ''">
          <div class="judicial_top">
            <span>动产抵押</span>
            <span>{{mortgageListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 20%">登记日期</th>
            <th style="width: 20%">被担保债权类型</th>
            <th style="width: 30%">被担保债权数额</th>
            <th style="width: 30%">登记机关</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in mortgageList" :key="index">
              <td>{{item.baseInfo.regDate}}</td>
              <td>{{item.baseInfo.type}}</td>
              <td>{{item.baseInfo.amount}}</td>
              <td>{{item.baseInfo.regDepartment}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="mortgageListIs">
          <span @click="moremortgageList()">查看更多></span>
        </div>

        <div class="judicial_con" style="padding-bottom: .1rem;" v-if="taxList != ''">
          <div class="judicial_top">
            <span>欠税公告</span>
            <span>{{taxListNum}}</span>
          </div>
          <table class="tb_all">
            <thead class="tb_head">
            <th style="width: 15%">发布日期</th>
            <th style="width: 15%">纳税人识别号</th>
            <th style="width: 15%">欠税税种</th>
            <th style="width: 15%">当前发生的欠税额</th>
            <th style="width: 15%">欠税余额</th>
            <th style="width: 25%">税务机关</th>
            </thead>
            <tbody>
            <tr v-for="(item,index) in taxList" :key="index">
              <td>{{item.publishDate}}</td>
              <td>{{item.taxIdNumber}}</td>
              <td>{{item.taxCategory}}</td>
              <td>{{item.newOwnTaxBalance}}</td>
              <td>{{item.ownTaxBalance}}</td>
              <td>{{item.department}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div style="text-align: right;padding-right: .24rem;margin-top: .2rem;color: red;" v-if="taxListIs">
          <span @click="moretaxList()">查看更多></span>
        </div>

      </div>

    </yd-scrollnav-panel>
    <p style="margin-bottom: 20px;">没有更多了</p>

    <payPart @change="changego" :show-wrap="iswrap" :need-param="param" :product-title="title" :product-price="price"
             :api-logo="apilogo"></payPart>
  </yd-scrollnav>

</template>

<script type="text/babel">
  import payPart from '@/components/api/pay_part';

  export default {
    name: 'companyInfo',
    data() {
      return {
        list: [
          {tex: '基础信息'},
          {tex: '股东信息'},
          {tex: '主要成员'},
          {tex: '工商变更'},
          {tex: '对外投资'},
          {tex: '分支机构'},
          {tex: '司法风险'},
          {tex: '经营风险'},
        ],
        iswrap: false,
        param: {},
        title: '企业工商风险查询',
        price: '',
        apilogo: '',
        flag: '1',
        comid: '',
        companyName: '',
        basicInfo: false,//基础信息默认不显示
        fromTime: '',//经营开始时间
        toTime: '',//结束日期
        approvedTime: '',//核准日期
        regNumber: '',//注册号
        orgNumber: '',//组织机构代码
        creditCode: '',//统一社会信用代码
        companyOrgType: '',//公司类型
        regCapital: '',//注册资本
        industry: '',//所属行业
        name: '',//公司名称
        regStatus: '',//公司状态
        legalPersonName: '',//法定代表人
        estiblishTime: '',//注册日期
        regInstitute: '',//登记机关
        regLocation: '',//企业地址
        businessScope: '',//经营范围
        holderList: [],//股东
        mainList: [],//主要人员
        changeList: [],//工商变更
        investList: [],//对外投资
        branchList: [],//分支机构
        litigationList: [],//法律诉讼
        litigationListNum: '',//法律诉讼数量
        stockList: [],//股权出质
        morestockListIs: false,//股权出质查看更多
        morestockListIsPageNum: 1,//股权出质分页
        stockListNum: '',//股权出质数量
        disPersonList: [],//失信人
        disPersonListNum: '',//失信人数量
        moreLitigationList: false,//法律诉讼查看更多
        moreLitigationListPageNum: 1,//法律诉讼分页
        moredisPersonListIs: false,//失信人查看更多
        moredisPersonListIsPageNum: 1,//失信人分页
        noticeList: [],//法院公告
        noticeListNum: '',//法院公告数量
        morenoticeListIs: false,//法院公告更多
        morenoticeListIsPageNum: 1,//法院公告分页
        coverPersonList: [],//被执行人
        coverPersonListNum: '',//被执行人数量
        morecoverPersonListIs: false,//被执行人查看更多
        morecoverPersonListIsPageNum: 1,//被执行人分页
        courtList: [],//开庭公告
        courtListNum: '',//开庭公告数量
        morecourtListIs: false,//开庭公告查看更多
        morecourtListIsPageNum: 1,//开庭公告分页
        punishList: [],//行政处罚
        punishListNum: '',//行政处罚数量
        morepunishListIs: false,//行政处罚查看更多
        morepunishListIsPageNum: 1,//行政处罚分页
        managementList: [],//经营异常
        managementListIs: false,//经营异常查看更多
        managementListIsPageNum: 1,//经营异常分页
        managementListNum: '',//经营异常数量
        illegalityList: [],//严重违法
        illegalityListIs: false,//严重违法查看更多
        illegalityListPageNum: 1,//严重违法分页
        illegalityListNum: '',//严重违法数量
        mortgageList: [],//动产抵押
        mortgageListIs: false,//动产抵押查看更多
        mortgageListPageNum: 1,//动产抵押分页
        mortgageListNum: '',//动产抵押数量
        taxList: [],//欠税公告
        taxListIs: false,//欠税公告查看更多
        taxListPageNum: 1,//欠税公告分页
        taxListNum: '',//欠税公告数量
        gongshangMore: false,//工商变更
        gongshangPage: 1,
        touziIs: false,//对外投资
        touziPage: 1,
        fenzhiIs: false,//分支机构
        fenzhiPage: 1,
      }
    },
    components: {
      payPart
    },
    methods: {
      changego() {
        location.reload()
      },
      detailBtn(item) {
        this.$dialog.loading.open('正在校验信息');
        this.$ajax.post(window.g.apiUrl+'/index/searchAll.do', JSON.stringify({
          param: item.name,
        }))
          .then((response) => {
            setTimeout(() => {
              this.$dialog.loading.close();
              this.iswrap = !this.iswrap;
              this.param.name = item.name;
              this.param.pid = '28';
            }, 1000)

          }).catch(() => {
        })

      },
      followBtn() {
        const that = this;
        if (that.flag == 1) {
          that.$ajax.post(window.g.apiUrl+'/account/upFollow.do', JSON.stringify({
            companyId: that.comid,
          })).then((response) => {
            if (response.data.code == 200) {
              that.flag = 0;
              that.$dialog.toast({
                mes: '取消关注',
                timeout: 1000
              });
            } else {
              that.$dialog.notify({
                mes: '取消关注失败，请稍后重试',
                timeout: 1500,
              });
            }
          }).catch(() => {
          })
        } else {
          that.$ajax.post(window.g.apiUrl+'/account/upFollow.do', JSON.stringify({
            companyId: that.comid,
          })).then((response) => {
            if (response.data.code == 200) {
              that.flag = 1;
              that.$dialog.toast({
                mes: '关注成功',
                timeout: 1000
              });
            } else {
              that.$dialog.notify({
                mes: '关注失败，请稍后重试',
                timeout: 1500,
              });
            }
          }).catch(() => {
          })
        }


      },
      fenzhiBtn() {
        this.fenzhiPage++;
        this.$ajax.post(window.g.apiUrl+'/detail/getBranch.do', JSON.stringify({
          localId: this.comid,
          pageSize: 5,
          pageNum: this.fenzhiPage,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.fenzhiPage >= Math.ceil(response.data.result.total / 5)) {
              this.fenzhiIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              if (val.estiblishTime == undefined) {
                val.estiblishTime = '未知';
              } else {
                val.estiblishTime = new Date(parseInt(val.estiblishTime)).toLocaleDateString().split('/').join('-');
              }
              this.branchList.push(val);
            })
          }
        })
      },
      touziBtn() {
        this.touziPage++;
        this.$ajax.post(window.g.apiUrl+'/detail/getInvest.do', JSON.stringify({
          localId: this.comid,
          pageSize: 5,
          pageNum: this.touziPage,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.touziPage >= Math.ceil(response.data.result.total / 5)) {
              this.touziIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              if (val.estiblishTime == undefined) {
                val.estiblishTime = '未知';
              } else {
                val.estiblishTime = new Date(parseInt(val.estiblishTime)).toLocaleDateString().split('/').join('-');
              }
              this.investList.push(val);
            })

          }
        }).catch(() => {
        })
      },
      gongshangBtn() {//工商变更查看更多
        this.gongshangPage++;
        this.$ajax.post(window.g.apiUrl+'/detail/getChange.do', JSON.stringify({
          localId: this.comid,
          pageSize: 5,
          pageNum: this.gongshangPage,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.gongshangPage >= Math.ceil(response.data.result.total / 5)) {
              this.gongshangMore = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.changeList.push(val);
            })

          }
        }).catch(() => {
        })
      },
      morelitigationList() {//查看更多法律诉讼
        this.moreLitigationListPageNum++;
        this.$ajax.post(window.g.apiUrl+'/risk/getLitigation.do', JSON.stringify({
          pageNum: this.moreLitigationListPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.moreLitigationListPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.moreLitigationList = false;
            }
            response.data.result.items.forEach((val, index) => {
              if (val.submittime == undefined) {
                val.submittime = '未知';
              } else {
                val.submittime = new Date(parseInt(val.submittime)).toLocaleDateString().split('/').join('-');
              }
              this.litigationList.push(val);
            })
          }
        }).catch(() => {
        })
      },
      moredisPersonList() {//查看更多失信人
        this.moredisPersonListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/risk/getDishonest.do', JSON.stringify({
          pageNum: this.moredisPersonListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.moreLitigationListPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.moredisPersonListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.disPersonList.push(val);
              if (val.regdate == undefined) {
                val.regdate = '未知';
              } else {
                val.regdate = new Date(parseInt(val.regdate)).toLocaleDateString().split('/').join('-');
              }
            })
          }
        }).catch(() => {
        })
      },
      morenoticeList() {//查看更多法院公告
        this.morenoticeListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/risk/getCourtAnno.do', JSON.stringify({
          pageNum: this.morenoticeListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.moreLitigationListPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.moredisPersonListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.noticeList.push(val);
            })
          }
        }).catch(() => {
        })
      },
      morecoverPersonList() {//查看更多被执行人
        this.morecoverPersonListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/risk/getZhixinginfo.do', JSON.stringify({
          pageNum: this.morecoverPersonListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.morecoverPersonListIsPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.morecoverPersonListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.coverPersonList.push(val);
              if (val.caseCreateTime == undefined) {
                val.caseCreateTime = '未知';
              } else {
                val.caseCreateTime = new Date(parseInt(val.caseCreateTime)).toLocaleDateString().split('/').join('-');
              }
            })
          }
        }).catch(() => {
        })
      },
      morecourtList() {//查看更多开庭公告
        this.morecourtListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/risk/getKtAnno.do', JSON.stringify({
          pageNum: this.morecourtListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.morecourtListIsPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.morecourtListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.courtList.push(val);
              if (val.startDate == undefined) {
                val.startDate = '未知';
              } else {
                val.startDate = new Date(parseInt(val.startDate)).toLocaleDateString().split('/').join('-');
              }
            })
          }
        }).catch(() => {
        })
      },
      morestockList() {//股权出质查看更多
        this.morestockListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/danger/equityInfo.do', JSON.stringify({
          pageNum: this.morestockListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.morestockListIsPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.morestockListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.stockList.push(val);
              if (val.regDate == undefined) {
                val.regDate = '未知';
              } else {
                val.regDate = new Date(parseInt(val.regDate)).toLocaleDateString().split('/').join('-');
              }
            })
          }
        }).catch(() => {
        })
      },
      morepunishList() {//行政处罚查看更多
        this.morepunishListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/risk/getBusinessrisk.do', JSON.stringify({
          pageNum: this.morepunishListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.morepunishListIsPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.morepunishListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.punishList.push(val);
            })
          }
        }).catch(() => {
        })
      },
      moremanagementList() {//查看更多经营异常
        this.managementListIsPageNum++;
        this.$ajax.post(window.g.apiUrl+'/danger/abnormal.do', JSON.stringify({
          pageNum: this.managementListIsPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.managementListIsPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.managementListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.managementList.push(val);
            })
          }
        }).catch(() => {
        })
      },
      moreillegalityList() {//查看更多严重违法
        this.illegalityListPageNum++;
        this.$ajax.post(window.g.apiUrl+'/danger/illegalinfo.do', JSON.stringify({
          pageNum: this.illegalityListPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.illegalityListPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.illegalityListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.illegalityList.push(val);
              if (val.putDate == undefined) {
                val.putDate = '未知';
              } else {
                val.putDate = new Date(parseInt(val.putDate)).toLocaleDateString().split('/').join('-');
              }
            })
          }
        }).catch(() => {
        })

      },
      moremortgageList() {//查看更多动产抵押
        this.mortgageListPageNum++;
        this.$ajax.post(window.g.apiUrl+'/danger/illegalinfo.do', JSON.stringify({
          pageNum: this.mortgageListPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.mortgageListPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.mortgageListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.mortgageList.push(val);
            })
          }
        }).catch(() => {
        })

      },
      moretaxList() {//查看更多欠税公告
        this.taxListPageNum++;
        this.$ajax.post(window.g.apiUrl+'/danger/ownTax.do', JSON.stringify({
          pageNum: this.taxListPageNum,
          localId: this.comid,
          pageSize: 5,
        })).then((response) => {
          if (response.data.code == 200) {
            if (this.taxListPageNum >= Math.ceil(response.data.result.total / 5)) {
              this.taxListIs = false;
            }
            response.data.result.items.forEach((val, index) => {
              this.taxList.push(val);
            })
          }
        }).catch(() => {
        })
      }
    },
    created() {
      const that = this;
      this.$ajax.post(window.g.apiUrl+'/user/isLog.do')
        .then((response)=>{
          if(response.data.code != 200){
            this.$dialog.notify({
              mes: '登录失效，正在跳转至登录页面',
              timeout: 1500,
              callback:()=>{
                that.$router.push('/login');
              }
            });
          }
        }).catch(()=>{
      })
      that.$dialog.loading.open('正在加载');
      let obj = JSON.parse(sessionStorage.getItem('TO_OBJECT'));
      that.basicInfo = true;
      that.companyName = obj.name;
      that.companyOrgType = obj.companyOrgType;
      that.regCapital = obj.regCapital;
      that.industry = obj.industry;
      that.name = obj.name;
      that.regStatus = obj.regStatus;
      that.legalPersonName = obj.legalPersonName;
      that.estiblishTime = obj.estiblishTime;
      that.regInstitute = obj.regInstitute;
      that.regLocation = obj.regLocation;
      that.businessScope = obj.businessScope;
      that.creditCode = obj.creditCode;
      that.orgNumber = obj.orgNumber;
      that.regNumber = obj.regNumber;
      that.flag = obj.flag;
      that.fromTime = obj.fromTime;
      that.toTime = obj.toTime;
      that.approvedTime = obj.approvedTime;
      that.comid = obj.id;
      let comid = obj.id;

      //主要成员
      that.$ajax.post(window.g.apiUrl+'/detail/getPartner.do', JSON.stringify({
        localId: comid,
      })).then((response) => {
        if (response.data.code == 200) {
          that.holderList = response.data.result.items;
        }
      }).catch(() => {
      })


      //股东信息
      that.$ajax.post(window.g.apiUrl+'/detail/getMember.do', JSON.stringify({
        localId: comid,
      })).then((response) => {
        if (response.data.code == 200) {
          that.mainList = response.data.result.items;
        }

      }).catch(() => {
      })

      //工商变更
      that.$ajax.post(window.g.apiUrl+'/detail/getChange.do', JSON.stringify({
        localId: comid,
        pageSize: 5,
        pageNum: 1,
      })).then((response) => {
        if (response.data.code == 200) {
          that.changeList = response.data.result.items;
          if (response.data.result.total > 5) {
            that.gongshangMore = true;
          }
        }
      }).catch(() => {
      })


      //对外投资
      that.$ajax.post(window.g.apiUrl+'/detail/getInvest.do', JSON.stringify({
        localId: comid,
        pageSize: 5,
        pageNum: 1,
      })).then((response) => {
        // console.log(response)
        if (response.data.code == 200) {
          that.investList = response.data.result.items;
          if (that.investList == undefined) {
            return;
          }
          that.investList.forEach((val, index) => {
            if (val.estiblishTime == undefined) {
              val.estiblishTime = '未知';
            } else {
              val.estiblishTime = new Date(parseInt(val.estiblishTime)).toLocaleDateString().split('/').join('-');
            }
          })
          if (response.data.result.total > 5) {
            that.touziIs = true;
          }
        }
      }).catch(() => {
      })


      //分支机构
      that.$ajax.post(window.g.apiUrl+'/detail/getBranch.do', JSON.stringify({
        localId: comid,
        pageSize: 5,
        pageNum: 1,
      })).then((response) => {
        if (response.data.code == 200) {
          that.branchList = response.data.result.items;
          if (that.branchList == undefined) {
            return;
          }
          that.branchList.forEach((val, index) => {
            if (val.estiblishTime == undefined) {
              val.estiblishTime = '未知';
            } else {
              val.estiblishTime = new Date(parseInt(val.estiblishTime)).toLocaleDateString().split('/').join('-');
            }
          })
          if (response.data.result.total > 5) {
            that.fenzhiIs = true;
          }
        }
      })

      //法院公告
      that.$ajax.post(window.g.apiUrl+'/risk/getCourtAnno.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.noticeList = response.data.result.items;
          if (that.noticeList == undefined) {
            that.noticeList = '';
            return;
          }
          that.noticeListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.morenoticeListIs = true;
          }
        }
      }).catch(() => {
      })


      //失信人
      that.$ajax.post(window.g.apiUrl+'/risk/getDishonest.do', JSON.stringify({
        localId: comid,
        pageSize: 5,
        pageNum: 1,
      })).then((response) => {
        if (response.data.code == 200) {
          that.disPersonList = response.data.result.items;
          if (that.disPersonList == undefined) {
            that.disPersonList = '';
            return;
          }
          that.disPersonListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.moredisPersonListIs = true;
          }
          that.disPersonList.forEach((val, index) => {
            if (val.regdate == undefined) {
              val.regdate = '未知';
            } else {
              val.regdate = new Date(parseInt(val.regdate)).toLocaleDateString().split('/').join('-');
            }
          })
        }
      }).catch(() => {
      })

      //被执行人
      that.$ajax.post(window.g.apiUrl+'/risk/getZhixinginfo.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.coverPersonList = response.data.result.items;
          if (that.coverPersonList == undefined) {
            that.coverPersonList = '';
            return;
          }
          that.coverPersonListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.morecoverPersonListIs = true;
          }
          that.coverPersonList.forEach((val, index) => {
            if (val.caseCreateTime == undefined) {
              val.caseCreateTime = '未知';
            } else {
              val.caseCreateTime = new Date(parseInt(val.caseCreateTime)).toLocaleDateString().split('/').join('-');
            }
          })
        }
      }).catch(() => {
      })


      //开庭公告
      that.$ajax.post(window.g.apiUrl+'/risk/getKtAnno.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.courtList = response.data.result.items;
          if (that.courtList == undefined) {
            that.courtList = '';
            return;
          }
          that.courtListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.morecourtListIs = true;
          }
          that.courtList.forEach((val, index) => {
            if (val.startDate == undefined) {
              val.startDate = '未知';
            } else {
              val.startDate = new Date(parseInt(val.startDate)).toLocaleDateString().split('/').join('-');
            }
          })
        }
      }).catch(() => {
      })


      //法律诉讼
      that.$ajax.post(window.g.apiUrl+'/risk/getLitigation.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.litigationList = response.data.result.items;
          if (that.litigationList == undefined) {
            that.litigationList = '';
            return;
          }
          that.litigationListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.moreLitigationList = true;
          }
          that.litigationList.forEach((val, index) => {
            if (val.submittime == undefined) {
              val.submittime = '未知';
            } else {
              val.submittime = new Date(parseInt(val.submittime)).toLocaleDateString().split('/').join('-');
            }
          })
        }
      }).catch(() => {
      })


      //股权出质
      that.$ajax.post(window.g.apiUrl+'/danger/equityInfo.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.stockList = response.data.result.items;
          if (that.stockList == undefined) {
            that.stockList = '';
            return;
          }
          that.stockListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.morestockListIs = true;
          }
          that.stockList.forEach((val, index) => {
            if (val.regDate == undefined) {
              val.regDate = '未知';
            } else {
              val.regDate = new Date(parseInt(val.regDate)).toLocaleDateString().split('/').join('-');
            }
          })
        }
      }).catch(() => {
      })


      //行政处罚
      that.$ajax.post(window.g.apiUrl+'/risk/getBusinessrisk.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.punishList = response.data.result.items;
          if (that.punishList == undefined) {
            that.punishList = '';
            return;
          }
          that.punishListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.morepunishListIs = true;
          }
        }
      }).catch(() => {
      })


      //经营异常
      that.$ajax.post(window.g.apiUrl+'/danger/abnormal.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.managementList = response.data.result.items;
          if (that.managementList == undefined) {
            that.managementList = '';
            return;
          }
          that.managementListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.managementListIs = true;
          }
        }
      }).catch(() => {
      })


      //严重违法
      that.$ajax.post(window.g.apiUrl+'/danger/illegalinfo.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.illegalityList = response.data.result.items;
          if (that.illegalityList == undefined) {
            that.illegalityList = '';
            return;
          }
          that.illegalityListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.illegalityListIs = true;
          }
          that.illegalityList.forEach((val, index) => {
            if (val.putDate == undefined) {
              val.putDate = '未知';
            } else {
              val.putDate = new Date(parseInt(val.putDate)).toLocaleDateString().split('/').join('-');
            }
          })
        }
      }).catch(() => {
      })

      //动产抵押
      that.$ajax.post(window.g.apiUrl+'/danger/mortgageInfo.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.mortgageList = response.data.result.items;
          if (that.mortgageList == undefined) {
            that.mortgageList = '';
            return;
          }
          that.mortgageListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.mortgageListIs = true;
          }
        }
      }).catch(() => {
      })


      //欠税公告
      that.$ajax.post(window.g.apiUrl+'/danger/ownTax.do', JSON.stringify({
        pageNum: 1,
        localId: comid,
        pageSize: 5,
      })).then((response) => {
        if (response.data.code == 200) {
          that.$dialog.loading.close();
          that.taxList = response.data.result.items;
          if (that.taxList == undefined) {
            that.taxList = '';
            return;
          }
          that.taxListNum = response.data.result.total;
          if (response.data.result.total > 5) {
            that.taxListIs = true;
          }
        }
      }).catch(() => {
      })


    },
    mounted() {
      document.getElementsByClassName('yd-scrollnav-tab')[0].style.boxShadow = '0px 2px 1px #e3e3e3';
      document.getElementsByClassName('yd-scrollnav-tab')[0].style.zIndex = '9';
      const that = this;
      this.$ajax.post(window.g.apiUrl+'/alipay/getProduct.do', JSON.stringify({
        type: 'B',
      })).then((response) => {
        if (response.data.code == 200) {
          let arr = response.data.data;
          for (var i = 0; i < arr.length; i++) {
            if (arr[i].id == '28') {
              that.price = arr[i].price;
              that.apilogo = arr[i].iconurl;
            }
          }
        } else {
          that.$dialog.notify({
            mes: '信息获取超时，请稍后重试',
            timeout: 1500,
          });
        }

      }).catch(() => {
      })
    },
  }
</script>

<style scoped>
  .top_title {
    margin-top: .3rem;
    padding: .3rem .24rem;
    box-shadow: 0 2px 2px rgba(128, 128, 128, .1), 0 -2px 2px rgba(128, 128, 128, .1);
    margin-bottom: .29rem
  }

  .common_style {
    box-shadow: 0 2px 2px rgba(128, 128, 128, .1), 0 -2px 2px rgba(128, 128, 128, .1);
    margin-bottom: .3rem;
    padding-bottom: .3rem;
  }

  .top_one {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cunxu {
    width: .80rem;
    height: .50rem;
    border: 1px solid #6BBE52;
    line-height: .50rem;
    color: #6BBE52;
    display: inline-block;
  }

  .no_cunxu {
    width: .80rem;
    height: .50rem;
    border: 1px solid red;
    line-height: .50rem;
    color: red;
    display: inline-block;
  }

  .con_title {
    font-size: .30rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-top: .24rem;
  }

  .left_line {
    width: .1rem;
    height: .5rem;
    margin-right: .1rem;
  }

  .basic_info {
    padding: .2rem .24rem .3rem .24rem;
    text-align: left;
  }

  .basic_info_two {
    padding: 0rem .24rem 0rem .24rem;
    text-align: left;
  }

  .basic_info li {
    display: flex;
    align-items: flex-start;
    margin-top: .25rem;
    justify-content: space-between;
  }

  .basic_info li:nth-child(1) {
    margin-top: 0rem;
  }

  .basic_info_two li {
    display: flex;
    align-items: flex-start;
    margin-top: .2rem;
    justify-content: space-between;
  }

  .basic_info_two li span:nth-child(1) {
    color: #666;
    /*width: 1.5rem;*/
    flex: none;
    text-align: left;
  }

  .basic_info_two li span:nth-child(2) {
    flex: 1;
    text-align: left;
    padding-left: .3rem;
  }

  .basic_info li span:nth-child(1) {
    color: #666666;
  }

  .basic_info li span:nth-child(2) {
    width: 60%;
  }

  .holder_info {
    /*padding: 0rem .24rem 0rem .24rem;*/
    margin: .2rem .24rem 0rem .24rem;
    padding-bottom: .15rem;
    border-bottom: 1px solid #F2F2F2;
  }

  .holder_info li {
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
  }

  .holder_info li:nth-child(1) {
    margin-top: 0;
  }

  .holder_info:last-child {
    border-bottom: none;
  }

  .holder_left {
    text-align: left;
    color: #666;
  }

  .business_change {
    padding-top: .2rem;
    margin: 0rem .24rem 0rem .24rem;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: .3rem;
  }

  .business_change li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: .2rem;
  }

  .business_change li span:nth-child(1) {
    color: #666;
    width: 1.5rem;
    flex: none;
    text-align: left;
  }

  .business_change li span:nth-child(2) {
    flex: 1;
    text-align: left;
    padding-left: .3rem;
  }

  .number_list {
    height: .4rem;
    background: #B5B5B5;
    color: #fff;
    border-radius: 3px;
    font-size: .24rem;
    line-height: .4rem;
    padding: 0 .25rem;
  }

  .invest_out {
    margin: 0 .24rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #F2F2F2;
  }

  .invest_out_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .2rem 0 .2rem 0;
  }

  .invest_out_top span:nth-child(1) {
    font-size: .3rem;
    font-weight: bold;
    text-align: left;
  }

  .invest_out li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem;
  }

  .invest_out li span:nth-child(1) {
    color: #666;
    width: 1.78rem;
    flex: none;
    text-align: left;
  }

  .invest_out li span:nth-child(2) {
    flex: 1;
    text-align: left;
  }

  .business_info {
    padding: .3rem .24rem .3rem .24rem;
  }

  .business_info li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: .2rem;
  }

  .business_info li span:nth-child(1) {
    width: 1.5rem;
    color: #666;
    flex: none;
    text-align: left;
  }

  .business_info li span:nth-child(2) {
    text-align: left;
    flex: 1;
    padding-left: .3rem;
  }

  .route_line p {
    margin-top: .1rem;
  }

  .route_line p:nth-child(1) {
    margin-top: 0;
  }

  .judicial_top {
    display: flex;
    align-items: center;
  }

  .judicial_top span:nth-child(1) {
    font-weight: bold;
    font-size: .3rem;
  }

  .judicial_top span:nth-child(2) {
    color: #fff;
    padding: .03rem .08rem;
    background: #e72a26;
    display: inline-block;
    border-radius: 3px;
    margin-left: .15rem;
    font-size: .24rem;
  }

  .judicial_con {
    padding: .2rem .24rem .1rem .24rem;
  }

  .tb_all {
    width: 100%;
    margin-top: .2rem;
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
    word-break: break-all;
    font-size: .24rem;
  }

  .tb_head {
    background: #e5e5e5;
  }

  .tb_head th {
    height: .6rem;
  }

  .tb_all tbody tr td {
    border: 1px solid #e5e5e5;
    padding: .1rem;
  }

  .follow_cs {
    color: #fff;
    display: flex;
    border-radius: 6px;
    padding: .1rem .1rem;
    align-items: center;
    font-size: .24rem;
  }

</style>
